<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /*重置*/
        *{box-sizing: border-box;text-size-adjust: none;-webkit-text-size-adjust: none;
        }
        html,body,.container{padding: 0;margin: 0;border: 0}
        .container{position: relative;margin: auto;}
        img{max-width: 100%;}
        html,body,ul,ul li{margin: 0;padding: 0;border:0;}
        a{text-decoration: none;}
        a:hover{text-decoration: underline;}

        /*布局*/
        .b{flex: 1;
            min-height: 4640px;
            background:url(/test/xiangmu/images/shouyebj.png) center no-repeat;
        }
        .container{
            display: flex;flex-direction: column;position: relative;
        }
        .huodongguizhe{
            background:url(/test/xiangmu/images/huodongguizhe.png) center no-repeat;
            height: 515px;
            margin-top: 450px;
        }
        .c{
            width: 214px;
            height: 52px;
            background-color: rgb(37,213,185);
            border-radius: 5px;
            font-size: 18px;
            color: white;
            font-family: 微软雅黑;
        }
        .xinwen{
            position: absolute;
            top:50%;
            left: 50%;
            margin-top: -2300px;
            margin-left: -300px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="b">
        <div class="xinwen">
            <span><a href="<?php echo U('/Xm/xinwen');?>">新闻</a></span>
            <span><a href="<?php echo U('/Xm/x1');?>">页面1</a></span>
            <span><a href="<?php echo U('/Xm/x2');?>">页面2</a></span>
            <span><a href="<?php echo U('/Xm/x3');?>">页面3</a></span>
            <span><a href="<?php echo U('/Xm/x4');?>">页面4</a></span>
            <span><a href="<?php echo U('/Xm/x5');?>">页面5</a></span>
        </div>
        <div class="huodongguizhe">
            <div style="width: 960px;height: 420px"></div>
            <div style="width: 960px;height: 50px;margin: auto">
                <div style="float: right;">
                    <button class="c">查看投票结果</button>
                </div>
            </div>
            <div style="background:transparent center no-repeat;width: 500px;height: 50px;margin-left: 810px;margin-top: -230px">
                <span style="font-size: 18px;color: black;">8.17 → 8.24</span>
                <span style="font-size: 18px;color: black;margin-left: 80px">8.24 → 8.25</span>
                <span style="font-size: 18px;color: black;margin-left: 80px">2016.8.25</span>
            </div>
        </div>
        <div style="background:url(/test/xiangmu/images/eleven.png) center no-repeat;height: 79px;margin-top: 50px"></div>
        <div style="margin-left: 200px;margin-top: 50px">
            <div style="float: left">
                <div><img src="/test/xiangmu/images/ten.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>
            <div style="float: left;margin-left: 10px">
                <div><img src="/test/xiangmu/images/there.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>

            <div style="float: left;margin-top: 10px">
                <div><img src="/test/xiangmu/images/eight.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>
            <div style="float: left;margin-left: 10px;margin-top: 10px">
                <div><img src="/test/xiangmu/images/seven.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>

            <div style="float: left;margin-top: 10px">
                <div><img src="/test/xiangmu/images/six.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>
            <div style="float: left;margin-left: 10px;margin-top: 10px">
                <div><img src="/test/xiangmu/images/five.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>

            <div style="float: left;margin-top: 10px">
                <div><img src="/test/xiangmu/images/four.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>
            <div style="float: left;margin-left: 10px;margin-top: 10px">
                <div><img src="/test/xiangmu/images/there.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>

            <div style="float: left;margin-top: 10px">
                <div><img src="/test/xiangmu/images/two.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>
            <div style="float: left;margin-left: 10px;margin-top: 10px">
                <div><img src="/test/xiangmu/images/one.png" alt=""></div>
                <div style="background-color: #fff;width: 564px;height: 71px">
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: rgb(37,213,185);line-height: 36px;text-align: center;background: white;margin-left: 250px;margin-top: 20px">开始倾听</button>
                    <button style="width: 147px;height: 36px;border: 1px solid rgb(37,213,185);font-size: 20px;font-family: MS PGothic;color: white;line-height: 36px;text-align: center;background: rgb(37,213,185);margin-left: 5px">投上一票</button>
                </div>
            </div>
            <div style="width: 370px;margin-left: 820px" >
                <div style="display: inline-block"><button style="width: 49px;height: 30px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">◀</button></div>
                <div style="display: inline-block"><button style="width: 31px;height: 31px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">1</button></div>
                <div style="display: inline-block"><button style="width: 31px;height: 31px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">2</button></div>
                <div style="display: inline-block"><button style="width: 31px;height: 31px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">3</button></div>
                <div style="display: inline-block"><button style="width: 31px;height: 31px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">4</button></div>
                <div style="display: inline-block"><button style="width: 31px;height: 31px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">5</button></div>
                <div style="display: inline-block"><button style="width: 31px;height: 31px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">6</button></div>
                <div style="display: inline-block"><button style="width: 49px;height: 30px;border: 1px solid rgb(37,213,185);font-size: 15px;color: rgb(37,213,185);line-height: 30px;text-align: center;background: white;">▶</button></div>
            </div>
        </div>

        <div style="background:url(/test/xiangmu/images/xuanjujieguo.png) center no-repeat;height: 1376px;margin-top: 100px"></div>
    </div>
</div>
</body>
</html>